﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmInicio.aspx.cs" Inherits="FrmInicio" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <meta http-equiv="X-UA-Compatible" content="IE=9" />

    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <link href="css/TabPanel.css" rel="stylesheet" />
    <link href="css/sideMenu/Menu.css" rel="stylesheet" />
    <link href="css/alerta/css/jquery.toastmessage.css" rel="stylesheet" />
    <link href="css/alerta/css/jquery.alerts.css" rel="stylesheet" />
    <script src="script/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="script/menu/scriptbreaker-multiple-accordion-1.js" type="text/javascript"></script>
    <script src="script/alerta/jquery.toastmessage.js" type="text/javascript"></script>
    <script src="script/alerta/alerta.js" type="text/javascript"></script>
    <script src="script/Fader.js" type="text/javascript"></script>
    <script src="script/TabPanel.js" type="text/javascript"></script>
    <script src="script/Math.uuid.js" type="text/javascript"></script>
    <script src="script/util/menu.js" type="text/javascript"></script>
    <script src="script/Inicio.js" type="text/javascript"></script>

    <script type="text/javascript">
        function cambiarImg() {
            $("#btnMenu").toggle(
              function (e) {
                  $("#btnMenu").val("-->");
                  e.preventDefault();
              },
              function (e) {
                  $("#btnMenu").val("<--");
                  e.preventDefault();
              }
            );
            return false;
        }
    </script>

</head>

<body>

    <input id="h_usuario" type="hidden" runat="server" />
    <input id="h_perfil" type="hidden" runat="server" />
    
    
     <div id="wrapper" class="container">

        <div id="header" style="display:inline;">
            <div style="color:white;position:absolute;width:95.3%;height:40px;background-image:url('image/fondos/cab_fondo.jpg'); background-repeat:repeat-x;">
                <div style="margin-left:10px;margin-top:5px;">
                    <%--<input type="button" id="btnMenu" value="<--"/>--%>
                    <img src="image/menu.png" alt="menu" id="btnMenu" height="24px;" width="24px;" style="cursor:pointer;"/>

                </div>
                <div style="margin-top:-20px;margin-left:100px;font-family:Tahoma;font-size:13px;">Bienvenido Usuario: &nbsp;<label id="lblUsuario" runat="server" style="font-weight:bold;"></label> &nbsp;<%-- &nbsp; Perfil:&nbsp;--%> 
                    <label id="lblPerfil" runat="server" style="font-weight:bold;display:none;"></label>
                </div>
                <div style="color:white;text-align:center;margin-top:-18px;font-weight:bold;">CONSULTA Y ESTIMACIONES DE COSTOS</div>
                <div id="panelFecha" style="float:right;margin-top:-14px;margin-right:10px;font-size:13px;"></div>
                <%--<div style="float:right;margin-top:-16px;margin-right:150px;font-family:Tahoma;cursor:pointer;" onclick="descargarManual();"><img src="image/word.png" alt="Manual de usuario"/>Descargar manual de usuario</div>--%>
            </div>
        </div>
    
        <div style="clear:both;height:5px;"></div>
	    <div style="background-color:White;position:absolute;width:95.3%;height:90%;*margin-left:10px;z-index:-5;">
             <div id="sideMenu" class="sidebar" style="overflow:hidden;">
	                <div class="sideBlock unSung">
				         <img src="image/logo.png" alt="Osiptel" width="100%" />
			        </div>
			        <div class="sideBlock overHyped">
                         <br />
			        </div>
                <ul id="MenuPrincipal" class="topnav" style="width:100%;">
	            <%--    <li><a href="http://www.scriptbreaker.com" target="scriptbreaker">Home</a></li>
	                <li><a href="#">Control de acceso</a>
		               <ul>
			                 <li><a href="#">Usuario</a></li>
                             <li><a href="#">Perfil</a></li>
                             <li><a href="#">Permisos</a></li>
			                 <li><a href="#">Administracion</a>
				                <ul>
					                <li><a href="#" onclick="agregarTab('Formularios/Administracion/Mant_Aplicacion.aspx','Aplicacion');">Aplicacion</a></li>
					                <li><a href="#">Menu</a></li>
					                <li><a href="#">Permisos</a></li>
				                </ul>
			                 </li>
		               </ul>
	                </li>
	                <li><a href="#">Sistema Documentario</a>
		                <ul>
			               <li><a href="#">Bandeja de Documento</a></li>
			               <li><a href="#">Buscar Documento</a></li>
			               <li><a href="#" onclick="agregarTab('Formularios/Sistema_Documentario/Mant_documentario.aspx','Crear Docum.');">Crear Documento</a></li>
		                </ul>
	                </li>
	                <li><a href="http://www.scriptbreaker.com/contact/" target="_blank">Contact</a></li>
	                <li><a href="#">Upload script</a></li>--%>
                </ul>
             </div>
	         <div id="contenedor" class="content" style="float:left;">
	            <div id="tab" class="jcTab" style="width:100%;"></div>
	         </div>
	    </div>
    
        <div id="footer" style="background-color:white;z-index:99999999;">
		    <%--<div style="display:inline;">
		        <div style="float:left;padding-top:8px;margin-bottom:5px;*margin-bottom:-5px;">
		        <img src="img/botones/ico_consulta.jpg" alt="consulta"/>
		        <a href="#" style="text-decoration:none;color:#004382;font-weight:bold;" onclick="window.location ='mailto:usuarios@osiptel.gob.pe'">¿Le falto algo? Ayúdanos a mejorar nuestro aplicativo.</a></div>
		        <div style="float:right;margin-bottom:5px;*margin-bottom:-5px;margin-right:50px;">
		        <img src="img/botones/ico_help.jpg" alt="Ayuda" style="cursor:pointer;margin-bottom:-10px;*margin-bottom:-35px;"/>
		        </div>
		    </div>--%>
		    <div class="linea" style="clear:both;*margin-top:5px;"></div>
		    <div style="display:inline;">
		        <%--<a href="#" class="lineaDerecha">Visitar el Portal Institucional.</a><a href="#">Orientacion a usuarios.</a>--%>
		        <div style="float:left;margin-top:5px;color:#004382;">Visita N°: <label id="lblnroVisitas" runat="server" style="font-weight:bold;"></label></div>
		        <%--<div style="float:left;margin-top:5px;margin-left:40px;" class="lineaDerecha">&nbsp;</div>--%>
		        <div style="float:left;margin-top:5px;color:#004382;margin-left:38px;">Último acceso: <label id="lblultSesion" runat="server" style="font-weight:bold;"></label></div>
		        <div style="float:right;margin-top:5px;margin-right:50px;font-weight:bold;text-decoration:none;color:#004382;">GERENCIA DE TECNOLOGIAS DE INFORMACION, COMUNICACIONES Y ESTADISTICA</div>   
		    </div>
	    </div>

   </div>

</body>
</html>
